<!DOCTYPE html>
<html lang="en" xmlns:v-slot="http://www.w3.org/1999/XSL/Transform">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../lib/vue.js"></script>
</head>
<body>
    <div id='app'>
        <com>
            <template v-slot:default="slotProps">
                <strong style="color: red">
                    {{slotProps.values.register}}
                </strong>
            </template>
        </com>
    </div>
    <template id="com">
        <div>
            <slot :values="titles">按钮</slot>
        </div>
    </template>
    <script>
        var com={
            template:'#com',
            data(){
                return {
                    titles:{
                        login:'登录',
                        register:'注册'
                    }
                }
            }
        };
        Vue.component('com',com);
        var vm=new Vue({
            el:"#app",
        })
    </script>
</body>
</html>